//封装分类数据业务相关代码
import { ref,onMounted } from "vue";
import {onBeforeRouteUpdate}from 'vue-router'
import {getCategoryAPI} from '@/apis/category'
import {useRoute} from 'vue-router'

export function useCategory (){
    //获取数据
const categoryData = ref({})
const route = useRoute()
const getCategory = async(id = route.params.id)=>{
    const res = await getCategoryAPI(id)
    categoryData.value = res.result
}
onMounted(() => getCategory())
//目标：路由参数发生变化的时候 可以把分类数据接口重新发送
onBeforeRouteUpdate((to) =>{
  console.log('路由变化了',to);
  //问题：使用最新的路由参数请求最新的分类数据

  getCategory(to.params.id)
})
return {
    categoryData
}
}
